<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		
		<style>
			
			span{
				
				color: red;
			}
		</style>
		<script type="text/javascript" src="../../js/jquery-1.4.1.js" ></script>
		
		
		<script>
			window.onload=function(){
				
				//jQuery 本质   对js代码 进行了封装   封装js的方法  封装js的对象   比以前更牛逼
				
				//div是 js对象
				var jsElement = document.getElementsByTagName("div")[1];
				console.log(jsElement.innerText);
				
				console.log(jsElement.length);
				
				console.log(jsElement.innerText);
				
				console.log(jsElement.innerHTML);
				
				
				
				
				//? js对象如何转化成 jQuery对象  原因是因为jQuery会提供更多的api
				
				
				//从灰姑娘到白雪公主转变   会有很多的特权
				var $jQueryElement =  $(jsElement);
				
				console.log('innerText='+$jQueryElement.text());
				console.log('innerHTML='+$jQueryElement.html());
				
				console.log($jQueryElement.attr('teacher'));
				
				console.log($jQueryElement.length);
				
				
				
				
			}
		</script>
	</head>
	<body>
		<div>中国移动10086</div>
		<div age="34" teacher="laohuang"><span>中国联通10010</span></div>
		<div>中国电信10000</div>
	</body>
</html>
